<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>list</title>

  <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="/css/list.css">


</head>
<body>
  <header class="g-hd"></header>
  
<div class="g-bd-list">
<div class="g-row">
  <!--面包屑-->
  <div class="m-crumbs ">
    <a href="/">首页</a>
    <span class="w-icon w-icon-arrow"></span>
    <span class="z-cur">列表</span>
  </div>
  <!--轮播图-->
  <div class="m-focus">
      <div class="swiper-container banner">
          <div class="swiper-wrapper">
              <div class="swiper-slide" style="background: url(/images/banner01.jpg) no-repeat center top;width: 1090px;height: 430px;">
              </div>
              <div class="swiper-slide" style="background: url(/images/banner02.jpg) no-repeat center top;width: 1090px;height: 430px;">
              </div>
              <div class="swiper-slide" style="background: url(/images/banner03.jpg) no-repeat center top;width: 1090px;height: 430px;">
              </div>
              <div class="swiper-slide" style="background: url(/images/banner04.jpg) no-repeat center top;width: 1090px;height: 430px;">
              </div>

          </div>
          <!-- 如果需要分页器 -->
          <div class="swiper-pagination " ></div>

          <!-- 如果需要导航按钮 -->
          <div class="swiper-button-prev swiper-button-white" ></div>
          <div class="swiper-button-next swiper-button-white"></div>

      </div>
  </div>
  <!--商品展示区域-->
  <div class="j-goodsAreaWrap">
    <!--目录-->
    <div class="m-sortbar">
        <div class="categroy">
            <span class="name" style="font-size: 14px;
            color: #999;">分类：</span>
            <a href="javascript:;" class="categoryItem j-categoryItem active">全部</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">床品</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">毛巾</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">储物</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">杯壶</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">拖鞋</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">帽子</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">雨具</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">浴袍</a>
            <a href="javascript:;" class="categoryItem j-categoryItem">旅行</a>
        </div>
        <div class="sorts">
            <a href="javascript:;" class="sort-default">默认</a>
            <a href="javascript:;" class="sort-time">
              <span>上架时间</span>
              <i class="sort-time-icon"></i>
            </a>
            <a href="javascript:;" class="sort-price">
              <span>价格</span>
              <div class="sort-price-icon">
                <i class="sort-price-icon-up"></i>
                <i class="sort-price-icon-down"></i>
              </div>
            </a>
            
        </div>
    </div>
    <div class="m-content"> 

    <div id="goodsClassify">


    </div>

    <script type="text/html" id="classifyTempalte">
      <div class="m-content-category" >
        <div class="m-content-category-hd">
          <p class="m-content-category-hd-title f-clearfix" >
            <img src="/images/tubiao1.png">
            <span class="f-left">拖鞋</span>
          </p>
          </p>守护你的美梦</p>
        </div>
        <ul class="m-content-category-itemList">
            {{each list item}}
          <li class="m-content-category-itemList-item">
            <div class="m-content-category-itemList-item-hd" >
              <a href="/html/detail.html?id={{item.id}}" target="_blank" title="霸气外露 红色儿童连帽卫衣 我的世界" >
                <img src="{{item.image}}" href="/html/detail.html"> 
                <span ></span>
                <span ></span>
              </a>
            </div>
            <div class="m-content-category-itemList-item-bd">
              <h4 class="name" >               
                <a href='/html/detail.html?id={{item.id}}' target="_blank" title="霸气外露 红色儿童连帽卫衣 我的世界"  >
                  <span >{{item.expireMsg}}</span>
                </a>
              </h4>
              <p class="price" >
                  <span>￥{{item.price}}</span>
                  <span ></span>
              </p>
              </div>
          </li>
          {{/each}}
        </ul>
      </div>
      
    </script> 
  </div>

  </div>
</div>
</div>
  <footer class="g-ft"></footer>
 
</body>
<script src="/libs/requirejs/require.js" data-main="/js/list"></script>
</html>